html, body {
	margin: 0;
	padding: 0;
 font-size:14px;background-image: url(img/webbg.jpg);
    background-repeat: repeat;
    background-position: center top;
}
a{ text-decoration:none; color:#000;}
a:hover{}
.w1200 {
	position:relative;
	width:1200px;
	margin:0px auto;
}
body {
	overflow-x: hidden;
	font-family:Arial, "微软雅黑" !important;
}
.e_btn:hover, .e_btn:active {
	box-shadow: none !important;
}
.clear{ clear:both; height:0px; line-height:0px; overflow:hidden}
ul,li,dl,dd,dt,ol{ background:none; list-style:none; list-style-position:outside; margin:0; padding:0;}
h1,h2{ margin:0; padding:0}
em{ font-style:normal}

.top{ padding:30px 0; background:#fff}
.top .furx{ display:block; float:left; padding-right:28px;}
.top input{ display:block; float:left; outline:none}
.top  .ss1{ width:143px; height:26px; border:1px solid #f0f0f0;}
.top  .btn001{ height:28px; width:28px; cursor:pointer; background:url(img/s.png) no-repeat center center #174c80; text-indent:-999px; border:1px solid #174c80; margin-right:106px;}
.top .ii1{ float:left; background:url(img/china.gif) no-repeat left center; height:28px; line-height:28px; text-indent:20px;}
.top .ii1 a{ color:#333; font-size:14px;}
.top .ii2{ margin-left:13px; background:url(img/united_states.gif) no-repeat left center}
.top .t2{ padding-top:35px}
.top .t2 .logo{ float:left;}
.top .t2 ul{ float:right; padding-top:20px;}
.top .t2 ul li{ float:right;height:14px; line-height:14px;}
.top .t2 ul li a{ display:block; height:14px; line-height:14px; padding:0 20px;}

.abbox{ padding:0 0 65px 0;}
.abbox .title{ padding:70px 0 30px 0}
.abbox .title .t1{ font-size:24px; font-weight:bold; color:#000; text-align:center;background:url(img/syjjtbico.jpg) no-repeat top center}
.abbox .title .t2{ text-align:center; font-size:15px; padding-top:16px;}
.abbox .text00 .left-img{ float:left; width:600px;}
.abbox .text00 .right-text{ float:right; width:600px;}

/* 本案例需要的css样式 */
.tab{ width:600px; margin:0;}
.tab-hd {overflow:hidden; zoom:1;}
.tab-hd li{ float:left;cursor:pointer; height:30px; line-height:30px; padding:0 20px;border-radius: 25px; float:right; margin-left:5px;}
.tab-hd li.active{background-color: #164c7f; color:#fff;}
.tab-bd li{display:none;color: #707070; font-size:14px; line-height:30px; padding:38px 0 0 0; text-align:justify}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li a{ display:block; height:24px; line-height:24px; width:78px; text-align:center; color:#fff;border-radius: 25px;background-color: #164c7f; margin:8px 0 0 0 }

.gd-box{ height:322px; background:url(img/sybg2.jpg) no-repeat top center}
.gd-box .t1{ float:left; width:350px; margin-right:75px; padding-top:95px;}
.gd-box .t1 span{ display:block; float:left; width:128px;}
.gd-box .t1 .rrr{ float:left; width:215px; color:#fff; padding-left:7px;}
.gd-box .t1 .rrr h2{ display:block; font-size:24px; padding:25px 0 0 0}

.pro-box{ padding:0 0 65px 0;}
.pro-box .title{ padding:70px 0 30px 0}
.pro-box .title .t1{ font-size:24px; font-weight:bold; color:#000; text-align:center;background:url(img/syjjtbico.jpg) no-repeat top center}
.pro-box .title .t2{ text-align:center; font-size:15px; padding-top:16px;}

.ry-box{ height:502px; background:url(img/rrbg.jpg) no-repeat top center}
.ry-box .title{ padding:70px 0 30px 0}
.ry-box .title .t1{ font-size:24px; font-weight:bold; color:#fff; text-align:center;background:url(img/tbbg.png) no-repeat top center}
.ry-box .title .t2{ text-align:center; font-size:15px; padding-top:16px; color:#fff}


.news-box{ padding:0 0 65px 0;}
.news-box .title{ padding:70px 0 30px 0}
.news-box .title .t1{ font-size:24px; font-weight:bold; color:#000; text-align:center;background:url(img/syjjtbico.jpg) no-repeat top center}
.news-box .title .t2{ text-align:center; font-size:15px; padding-top:16px;}

/* 本案例需要的css样式 */
.tab22{ width:1200px; margin:0 auto;}
.tab-hd22 {overflow:hidden; zoom:1; text-align:center; width:205px;margin:0 auto}
.tab-hd22 li{ float:left;cursor:pointer; height:30px; line-height:30px; padding:0 20px;border-radius: 25px;margin-left:5px;color: #959595;}
.tab-hd22 li.active22{background-color: #164c7f; color:#fff;}
.tab-bd22 li{display:none;color: #707070; font-size:14px; line-height:30px; padding:38px 0 0 0; text-align:justify}
.tab-bd22 li.thisclass{ display:list-item;}
.tab-bd22 li a{ display:block; height:24px; line-height:24px; width:78px; text-align:center; color:#fff;border-radius: 25px;background-color: #c9c9c9; color:#666; margin:8px 0 0 0 }
.tab-bd22 li .t1{ float:left; width:378px; overflow:hidden; margin-right:33px;}
.tab-bd22 li .last224{ margin-right:0}
.tab-bd22 li h2{ display:block; color: #000;
    font-weight: 700;white-space: nowrap; /* 因为设置了block，所以需要设置nowrap来确保不换行 */
      overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/
      text-overflow: ellipsis; /* 本功能的主要功臣，超出部分的剪裁方式 */
      -o-text-overflow: ellipsis; /* 特定浏览器前缀 */ width:378px; font-size:16px;}
.tab-bd22 li span{ display:block;color: #969696;
    font-size: 12px;}
.tab-bd22 li p{text-align: justify;
    color: rgba(102,102,102,1);
    font-size: 14px;
    line-height: 21px; display:block; padding:0}
	
	
.hp-box{ padding:0 0 65px 0;}
.hp-box .title{ padding:70px 0 30px 0}
.hp-box .title .t1{ font-size:24px; font-weight:bold; color:#000; text-align:center;background:url(img/syjjtbico.jpg) no-repeat top center}
.hp-box .title .t2{ text-align:center; font-size:15px; padding-top:16px;}
.hp-box ul li{ margin-right:11px; float:left; width:162px; height:49px; margin-bottom:11px;}
.hp-box ul .last224{ margin-right:0}

















.mainbox{ background:url(img/webbg.jpg) repeat; padding:35px  0 20px 0}
.w1072{ width:1072px; margin:0 auto}
.mainbox .left0{ float:left; width:253px; border:1px solid #f0f0f0; background:#fff; padding-bottom:100px;}
.mainbox .left0 .title{ background:#164c7f; height:90px;}
.mainbox .left0 .title span{ display:block; float:left}
.mainbox .left0 .title .t1{border-bottom-width: 1px;
    padding-top: 24px;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    border-bottom-style: solid;
    line-height: 42px;
    color: rgba(255,255,255,1);
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 22px; margin-left:25px;}
.mainbox .left0 .title .t2{ line-height:42px; color:#fff;padding-top: 25px; padding-left:10px;}
.mainbox .left0 ul li a{ display:block; height:46px; text-indent:25px; line-height:46px; border-bottom:1px solid #eee; color: #9b9d9d; background:url(img/fllb1.jpg) no-repeat}
.mainbox .left0 ul li a:hover{background:url(img/fllb2.jpg) no-repeat; color:#164c7f}
.mainbox .r0{ float:right; width:752px; background:#fff; padding:12px 20px 20px 20px;}
.mainbox .r0 .dh{ color:#999; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:10px;}
.mainbox .r0 .dh a{ color:#999; font-size:14px;}
.ny-text{ font-size:14px; color:#666; line-height:24px;}
.foot{ background:#313131; padding:30px 0 28px 0}
.foot ul{ float:left; padding-right:100px; color:#fff}
.foot ul h2{ display:block; margin:0; padding:0; font-size:18px; color:#fff; font-weight:normal; padding-bottom:30px;}
.foot ul li{ padding-bottom:10px;}
.foot ul li a{ color:#fff;}
.foot .r-text{ float:right; padding-left:60px; width:227px; border-left:1px solid #fff}
.foot .r-text h2{ display:block; margin:0; padding:0; font-size:18px; color:#fff; font-weight:normal; padding-bottom:10px;}
.foot .r-text p{ color:#fff;}
.foot2{ padding:18px 0 0 0 }
.foot2 .t1{ float:left}
.foot2 .t2{ float:right}
.kf { position:fixed; height:285px; top:50%; margin-top:-142px; right:30px; z-index:9999999999999}
.kf li{ background:#164c7f; width:56px; height:56px; margin-bottom:1px;position:relative;}
.kf li a{ display:block; width:56px; height:56px;}
.kf .t1{background:#164c7f url(img/fd1.png) no-repeat center center;}
.kf .t2{background:#164c7f url(img/fd2.png) no-repeat center center;}
.kf .t3{background:#164c7f url(img/fd3.png) no-repeat center center;}
.kf .t4{background:#164c7f url(img/fd4.png) no-repeat center center;}
.kf .t5{background:#164c7f url(img/fd5.png) no-repeat center center;}
.kf .kefulist{position:absolute;right:56px;top:0px;display:none; width:160px; height:56px; background:#fff; color:#333;box-shadow: #DDD -1px 1px 2px; font-size:18px; text-align:center; line-height:56px;}
.kf .kefulist2{position:absolute;right:56px;top:-30px;display:none; width:120px; height:120px; }

.ny-text2 ul li{ float:left; margin-right:56px;}
.ny-text2 ul li img{ display:block; text-align:center;}
.ny-text2 ul li h2{ display:block; text-align:center;font-size: 14px;
    line-height: 24px;
    color: #666; font-weight:normal}	
.ny-text2 ul .last22,.ny-text3 ul .last22{ margin-right:0}
.pages td a{ display:block;  color:#fff; font-size:14px; height:30px; line-height:30px; padding:0 10px; margin-left:5px;background-color: rgba(242, 242, 242, 1); border:1px solid #fff;color: rgba(102, 102, 102, 1);}
.pages td a:hover,.pages .on a{background:#164c7f; color:#fff}

.ny-text3 ul{ width:722px; margin:0 auto}
.ny-text3 ul li{ float:left; width:350px; margin-right:22px;}
.ny-text3 ul li img{ display:block; text-align:center; width:350px; height:220px;}
.ny-text3 ul li h2{ display:block; text-align:center;font-size: 14px;
    line-height: 30px;
    color: #666; font-weight:normal}	
	
.ny-text4 ul{ width:750px; margin:0 auto}
.ny-text4 ul .last22{ margin-right:0}
.ny-text4 ul li{ float:left;margin-right:14px; overflow:hidden; margin-bottom:14px;}
.ny-text4 ul li img{ display:block; text-align:center; width:177px; height:53px; }

.p-list{}
.p-list{width:730px;margin:0px auto;overflow:hidden;}
.p-list ul li{width:230px;height:230px;float:left;position:relative;overflow:hidden; margin-right:20px; margin-bottom:20px;}
.p-list ul li .dask{width:230px;height:230px; background:#fff8e8;position:absolute;top:-240px;left:0;}
.p-list ul li .dask p{ display:block;font-size: 17px;color:#333;border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin: 20px 40px 0px 40px; text-align:center; padding:0 0 10px 0; font-weight:bold}
.p-list ul li .dask a{display:block;
    text-decoration: none; width:76px; height:33px; line-height:33px; text-align:center; margin:50px auto 0 auto;
    font-size: 12px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;}
.p-list ul .last22{ margin-right:0}

.next001{ padding:15px 0 0 0;color: #969696;}
.next001 span{ display:block; float:left}
.next001 .t1{ float:left; height:20px; background:url(img/arrow_left.png) no-repeat left center; width:85px; text-indent:25px;}
.next001 a{ display:block; float:left; margin:0; padding:0; background:none;white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis; width:150px; height:20px; line-height:20px; color: #969696;}
.next001 .t11{ float:left; }
.next001 .t22{ float:right;background:url(img/arrow_right.png) no-repeat right center; padding-right:25px; padding-left:15px;}
.next001 .t222{ float:right; text-align:right}
.ff00 { padding:25px 0; border-top:1px solid #ddd; margin-top:15px;}
.ff00 li{ padding-bottom:10px; padding-left:150px;}
.ff00 .t1{ float:left; display:block; font-size:14px; height:25px; line-height:25px; text-align:right; width:70px; padding-right:10px;}
.ff00 .t2{ display:block; float:left; height:23px; line-height:23px; border:1px solid #ddd; text-indent:10px; width:300px;}
.ff00 .t3{ display:block; float:left; height:23px; line-height:23px; border:1px solid #ddd;}
.ff00 img{ display:block; float:left; padding:3px 0 0 10px;}
.ff00 textarea{ display:block; float:left; height:200px;border:1px solid #ddd; width:300px; }
.ff00 .btn00{ display:block; width:310px; height:40px; border:0; background:#164c7f; color:#fff; line-height:40px; text-align:center; font-size:16px; margin:20px 0 10px 230px;}
.news-list li{ border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px;}
.news-list li .imgxxx{ float:left; width:212px; overflow:hidden}
.news-list li .imgxxx img{ width:200px; height:auto}
.news-list li .rtext{ float:left; width:540px; overflow:hidden}
.news-list li .rtext h2{ display:block; float:left; margin-bottom:25px; font-size:16px; color:#333; font-weight:normal; width:450px; white-space: nowrap; /* 因为设置了block，所以需要设置nowrap来确保不换行 */
      overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/
      text-overflow: ellipsis; /* 本功能的主要功臣，超出部分的剪裁方式 */
      -o-text-overflow: ellipsis; /* 特定浏览器前缀 */
	  }
.news-list li .rtext span{ display:block; float:right;color: #969696;
    font-size: 12px;}
.news-list li .rtext p{ display:block;color: #666;
    font-size: 14px; line-height:21px; margin:0; padding:0}
	
.news-dd .title{color: #164C7F;
    font-size: 22px;
    font-weight: 400; text-align:center; padding:15px 0 20px 0}
.news-dd .oth{ text-align:center; color:#999; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.news-dd .text-box{font-size: 14px;
    line-height: 24px;
    color: #666;}

.ss-list .oth22{padding:0 0 15px 0;}
.ss-list .oth22 strong{   color:red}	
.ss-list h2{ font-size:14px;}

.ts-bd { background:#eee;}
.ts-bd .ts001{ text-align:center; padding:20px 0;}
.ts-bd .ts002{ text-align:center}